{extend name="Layout/layout" /}
{block name="body_content"}
<div class="container text-page">
    <h1>会员注册</h1>
    <div style="width:50%; margin: 20px auto;">
        <form class="form-horizontal" method="post" action="{:U('signupSave')}">
            <div class="form-group">
                <label class="col-sm-4 control-label">会员帐号：</label>
                <div class="col-sm-8">
                    <input type="text" name="user_name" class="form-control" placeholder="会员帐号" required="required">
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-4 control-label">登录密码：</label>
                <div class="col-sm-8">
                    <input type="password" name="password" class="form-control" placeholder="登录密码" required="required">
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-4 control-label">确认密码：</label>
                <div class="col-sm-8">
                    <input type="password" name="repassword" class="form-control" placeholder="确认密码" required="required">
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-4 control-label">手机号码：</label>
                <div class="col-sm-8">
                    <input type="text" name="mobile" class="form-control" placeholder="手机号码">
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-4 control-label">真实姓名：</label>
                <div class="col-sm-8">
                    <input type="text" name="name" class="form-control" placeholder="真实姓名" required="required">
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-4 control-label">身份证号码：</label>
                <div class="col-sm-8">
                    <input type="text" name="id_no" class="form-control" placeholder="身份证号码" required="required">
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-4 control-label">验证码：</label>
                <div class="col-sm-8 xsui-captcha-group">
                    <div class="input-group">
                        <input type="text" name="captcha" class="form-control" placeholder="验证码" required="required">
                        <span class="input-group-btn">
                            <img src="{:U('Captcha/index')}" alt="" />
                        </span>
                        <span class="input-group-btn">
                            <a href="#" class="btn btn-link">看不清楚，再换一张</a>
                        </span>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-offset-4">
                    <button type="submit" class="btn btn-danger">立即注册</button>
                    <span style="font-size:13px">已有帐号，立即 <a href="{:U('Login/index')}">[登陆]</a> !</span>
                </div>
            </div>

        </form>
    </div>
</div>
{/block}
{block name="body_foot"}
<script>
    $('.xsui-captcha-group a, .xsui-captcha-group img').click(function () {
        var $img = $('.xsui-captcha-group img');
        $img.attr('src', $img.attr('src'));
        return false;
    })
</script>
{/block}